.breadcrumb {
  @apply -flex -gap-5 -list-none -pl-0;
}
.breadcrumb > li {
  @apply -relative;
}

.breadcrumb > li + li::before {
  @apply -absolute -block -w-5 -text-center --left-5;
  content: var(--breadcrumb-divider);
  color: var(--breadcrumb-divider-color);
}

.breadcrumb > .active {
  color: var(--breadcrumb-color-active);
}
